<template>
    <span :class='[$style.container, $style[props.type]]'><slot></slot></span>
</template>

<script lang='ts' setup>
    const props = defineProps<{
        type? : 'primary' | 'success' | 'warning' | 'danger'
    }>()
</script>


<style scoped lang='scss' module>
    .container{
        cursor: pointer;

        &.primary{
            color: var(--ant-primary-color);
        }

        &.success{
            color: var(--ant-success-color);
        }

        &.warning{
            color: var(--ant-warning-color);
        }

        &.danger{
            color: var(--ant-error-color);
        }
    }
</style>